<template>
	<view class="container" @click="go(url)">
		<view class="main">
			<view class="left">
				<slot name="left"></slot>
			</view>
			<view class="content">
				<slot name="content"></slot>
			</view>
			<view class="right">
				<slot name="right"></slot>
			</view>
		</view>
		<view class="extra">
			<slot name="extra"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default() {
					return {}
				}
			}
		},
		methods: {
			go() {
				if (this.item.url) {
					uni.redirectTo({
					    url: path
					});
				}
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		width: 668rpx;
		margin: 0 auto;
		background-color: #ffffff;
		border-radius: 21rpx;
		box-shadow: 0 0 28rpx 14rpx rgba(#bcbcb5, 0.17);
		.main{
			width: 100%;
			height: 79rpx;
			@include clear();
			.left{
				height: 79rpx;
				line-height: 79rpx;
				padding-left: 35rpx;
				float: left;
			}
			.content{
				padding-left: 21rpx;
				float: left;
				height: 79rpx;
				line-height: 79rpx;
				font-size: 26rpx;
				font-weight: bold;
				font-stretch: normal;
				letter-spacing: 0rpx;
				color: #46464a;
			}
			.right{
				float: right;
				padding-right: 34rpx;
				height: 79rpx;
				line-height: 79rpx;
			}
		}
		.extra{
			width: 100%;
		}
	}
</style>
